           *{
				padding: 0;
				margin: 0;
			}
			img{
				vertical-align: bottom;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			.bd{
				border: 1px solid red;
			}
			.w{
				width: 1140px;
				margin: 0 auto;
			}
			.fl{
				float:left
			}
			.fr{
				float: right;
			}
		   .clearfix::before,.clearfix::after{
		   	content: "";
		   	display: table;
		   }
		   .clearfix::after{
		   	clear: both;
		   }
		   header{
			  position: fixed;
			  background-color: white;
			  height: 83px;
			  width: 100%;
			  z-index: 100;
			  top: 0;
			  border-bottom: 3px solid #c9c9c9;
		   }
		   .logo{
			   padding-top: 20px;
			   padding-bottom: 25px;
			   text-shadow:3px 3px 3px #ACABCD;			   
		   }
		   .navigation{
			   margin-left:152px ;
	
		   }
		   .navigation>li{   
			   padding:0 22px ; 
		   }
		   .navigation a{
		   			   display: block;
		   			   font-size: 11px;
		   			   line-height: 79px; 
		   }
		   .navigation>li:hover{
			   border-top: 3px solid #eb5846;
			   background-image: linear-gradient(to bottom,#ececea,white);
		   }
		   .s-icon{
			   margin:29px 0 32px 0 ;
			   background: url(../images/s-icons.png)no-repeat -242px -7px;
			   width: 149px;
			   height: 22px;			   
		   }
           .main{
			   margin-top: 83px;
		   }
		   .banner {
			    background:#e0e0e0 url(../images/bg.jpg) no-repeat center 0;
			   height: 518px;
		   }
		   .banner_l{
			   width: 315px;
			   padding: 96px 160px 0px 15px;
		   }
		   .banner_l .fl{
             
		   }
		   .banner_l h4{
			   height: 27px;
			   width: 51px; 
			     margin: 46px 8px 0 8px;
			   background-color: #FFFFFF;   
		   }
		   .banner_l :nth-child(2){
			   background-color: #ed5844;
			   border: 1px solid white;
			   padding-left: 0px;
		   }
		   .banner_r{
			   padding-top: 48px;
		   }
		   .search{
			   padding: 70px 0;
			   height: 276px; 
			   border-bottom: 6px double #dddddd;
			   
		   }
		.ser{
			width: 360px;
			height: 128px;
			padding-right: 20px;
			padding-bottom: 19px;
			background:url(../images/ser-bg.png)no-repeat;	
		}
		.ser:nth-child(3n){
			padding-right: 0px;
		}
		.ser h4{
			padding: 25px 0 7px 91px;
			position: relative;
		}
		.ser p{
			padding-left: 91px;
			line-height: 20px;
			font-size: 10px;
			color: #a3a3a3;
		}
		.ser::before{
			content: "";
			background-color: #ed5844;
			width: 67px;
			height: 123px;
			position: absolute;
		}
		.search :nth-child(1) ::after{
			content: "";
			background:url(../images/s-icons.png)no-repeat 0 0;
			width: 25px;
			height: 35px;
			position: absolute;
			top:43px;left:18px;
		}
       .search :nth-child(2) ::after{
       	content: "";
       	background:url(../images/s-icons.png)no-repeat -90px -11px;
       	width: 25px;
       	height: 19px;
       	position: absolute;
       	top:53px;left:23px;
       }
	   .search :nth-child(3) ::after{
	   	content: "";
	   	background:url(../images/s-icons.png)no-repeat -165px -6px;
	   	width: 25px;
	   	height: 27px;
	   	position: absolute;
	   	top:49px;left:21px;
	   }
	   .search :nth-child(4) ::after{
	   	content: "";
	   	background:url(../images/s-icons.png)no-repeat 0px -125px;
	   	width: 23px;
	   	height: 22px;
	   	position: absolute;
	   	top:49px;left:21px;
	   }
	   .search :nth-child(5) ::after{
	   	content: "";
	   	background:url(../images/s-icons.png)no-repeat -82px -119px;
	   	width: 28px;
	   	height: 25px;
	   	position: absolute;
	   	top:49px;left:21px;
	   }
       .search :nth-child(6) ::after{
       	content: "";
       	background:url(../images/s-icons.png)no-repeat -158px -122px;
       	width: 35px;
       	height: 20px;
       	position: absolute;
       	top:49px;left:19px;
       }
	   .buy{   
		   margin-top: 56px;
		   border: 1px solid #dddddd;
		   background-color: #eeeeee;
		   position: relative;
	   }
	   .buy::before{
	   		   content: "";
	   		   width: 5px;
	   		   height: 132px;
	   		   background-color:#ed5844 ;
	   		   border-top-right-radius:1px;
	   		   border-bottom-right-radius:1px;
	   		   position: absolute;
	   }
	   .buy1{
		   padding: 43px 30px 27px 35px;
	   }
	   .buy1  h4{
		   font-size: 12px;
		   line-height: 12px; 
	   }
	   .buy1 p{
		   font-size: 10px;
		   line-height: 47px;
	   }
       .buy2 {
		   padding-top: 39px;
		   padding-right: 45px;
		   position: relative;
	   }
	   .buy2 h4{
		   width: 88px;
		   font-size: 12px;
		   line-height: 57px;
		   word-spacing: 7px;
		   background-color: #ed5844;
		   box-shadow: 2px 2px 2px 0 #ed5844;
		   border-radius: 2px;
		   padding:0 16px 0 51px; 
		   color: white;   
	   }
	   .buy2::before{
		   content: "";
		   width: 16px;
		   height: 16px;
		   background:url(../images/windows.png)no-repeat -7px -6px;
		   position: absolute;
		   top: 60px;left: 17px;   
	   }
	   .port{
		   padding-top: 8px;
		   padding-bottom: 56px;
		   border-bottom: 6px double #dddddd;
	   }
	   .port .v{
		  line-height: 100px;
		   font-size: 13px;
		   width: 147px;
		   position: relative;
	   }
	   .port .v::after{
		   content: "";
		   width: 1020px;
		   height: 3px;
		   border-bottom: 6px double #dddddd;
		   position: absolute;
		   top: 45px;
		   left: 120px;
	   }
	   .port .fl{
		   padding: 330px 14px 14px 14px;
		   height: 126px;
		   width: 248px;
		   background:#eeeeee url(../images/p1.jpg)no-repeat 14px 14px;
		   background-size: 248px 310px; 
		   position: relative;
	   }
	   .port .fl::before{
		   content: "WEB DESIGN";
		   width: 113px;
		   height: 27px;
		   color: white;
		   font-size: 9px;
		   line-height: 27px;
		   text-align: center;
		   background-color: #EB5846;
		   position: absolute;
		   top: 297px;left:14px;
	   }
	   .port .fl::after{
		   content: "";
		   width: 59px;
		   height: 25px;
		   background: url(../images/s-icons.png)no-repeat -242px -84px;
		   position: absolute;
		   top:299px;left:203px;
	   }
	   .port  h4{
	   		   font-size: 15px;
	   		   line-height: 43px;
	   		   border-bottom: 1px solid #e7e7e7; 
	   			 
	    } 
	    .port p{
	   		   font-size: 10px;
	   		   line-height: 24px;
	   		   color: #b3b3b3;
	    }
	
	   .port :nth-child(3){
		   margin: 0 12px 0 12px;
		   background:#eeeeee url(../images/p2.jpg)no-repeat 14px 14px;
		   background-size: 248px 310px; 
	   }
	   .port :nth-child(4){
		   margin: 0 12px 0 0px;
		   background:#eeeeee url(../images/f4.png)no-repeat 14px 14px;
		   background-size: 248px 310px; 
	   }
	   .port :nth-child(4){
	     background:#eeeeee url(../images/p3.jpg)no-repeat 14px 14px;
		 background-size: 248px 310px; 
	   }
	   .mail{
		    margin-top: 56px; 
	   		
			height: 130px;
			
            background-color: #eeeeee;	
			position: relative;
	   }
	   .mail1{
		   width: 960px;
		   padding: 43px 0 27px 0px; 
	   }
	   .mail1  h4{   
		       padding-left: 34px;
	   		   font-size: 12px;
	   		   line-height: 12px;   		   
	   }
	   .mail1 p{
		       padding-left: 34px;
	   		   font-size: 10px;
	   		   line-height: 47px;
	   }
	   .mail1::before{
	   		   content: "";
	   		   width: 5px;
	   		   height: 132px;
	   		   background-color:#ed5844 ;
	   		   border-top-right-radius:1px;
	   		   border-bottom-right-radius:1px;
	   		   position: absolute;
			   top: -0.5px;
	   }
	   .mail .red{
		   width: 89px;
		   border-top:133px solid  #ed5844;
		   border-left: 89px solid transparent;
		   position: 50px;
		   position: relative;
	   } 
	   .mail .red::after{
		   content: "";
		   width: 28px;
		   height: 30px;
		   background: url(../images/mail.png)no-repeat;
		   position: absolute;
		   top: -85px;
		   left: 18px;
	   }
	   .blog{
		   padding-top: 17px;
		   height: 610px;
	   }
	  .blog_l{
	  			}
			.blog_l .t1{
				width: 760px;
				line-height: 84px;
				position: relative;
			}
			.blog_l .t1::before{
				content: "";
				position: absolute;
				width: 632px;
				height: 3px;
				left: 120px;
				top: 39px;
				border-bottom: 6px double #dddddd;
			}
			.blog_l .t1 h4{
				padding-top: 52px;
				font-size: 14px;
			}
			.blog_l .our{
				width: 340px;
				height: 525px;
				padding-right: 40px;
				background: url(../images/b1.jpg)no-repeat; 
				position: relative;
			}
			.blog_l .o{
				background: url(../images/b2.jpg)no-repeat;
			}
			.blog_l .our h4{
				padding: 275px 0 17px 0 ;
				font-size: 15px;
				
				position: relative;
			}
			.blog_l :nth-child(2) h4::before{
				content: "";
				position: absolute;
				width: 45px;
				height: 41px;
				background: url(../images/s-icons.png) no-repeat -239px -168px;
				top: 215px;
				left:245px;
			}
			.blog_l :nth-child(2) h4::after{
				content: "";
				position: absolute;
				width: 45px;
				height: 41px;
				background: url(../images/s-icons.png) no-repeat -288px -122px;
				top: 215px;
				left:294px;
			}
			.blog_l :nth-child(3) h4::before{
				content: "";
				position: absolute;
				width: 91px;
				height: 45px;
				background: url(../images/s-icons.png) no-repeat -239px -122px;
				top: 215px;
				left:249px;
			}
			.blog_l .our p{
				padding: 18px 0 14px 0;
				line-height: 22px;
				font-size: 9px;
				color: #a3a3a3;
				border-top: 1px solid #cccccc;
				border-bottom: 1px solid #cccccc;
			}
			.blog_l .our h5{
				/* padding: 36px 0 59px 13px; */
				font-size: 12px;
				line-height: 82px;
				position: relative;
			}
			.blog_l .our h5::before{
				content: "";
				position: absolute;
				background: url(../images/s-icons.png)no-repeat -295px -183px;
				width: 13px;
				height: 12px;
				top: 37px;
				left: 97px; 
			}
			.blog_r{
				width: 380px;
			}
			.blog_r .t2 {
				position: relative;
				line-height: 84px;
				}
			.blog_r .t2::before{
					content: "";
					position: absolute;
					width: 240px;
					height: 3px;
					left: 140px;
					top: 39px;
					border-bottom: 6px double #dddddd;
			}
			.blog_r .tes{
		     	height: 193px;
				margin-left: 10px;
			}
			.blog_r .tes .v{
			height: 109px;
			background: url(../images/t1.jpg)no-repeat ;
			background-size: 87px  109px;
			padding-left: 102px;
			padding-top: 5px;
			}
			.blog_r .tes .v h4{
			   font-size: 15px;
			   line-height: 23px;
			   padding-top: 0;
			}
			.blog_r .tes  p{
				font-size: 14px;
				line-height: 23px;
				
			}
			.blog_r .tes .z {
				background: url(../images/quotes.png)no-repeat;
				background-position:0  5px;
				text-indent: 2em;
				font-style:italic;
				color: #b2b2b2;
			}
			.blog_r :nth-child(3) .v{
				background: url(../images/f4.png)no-repeat ;
				background-size: 87px 109px;
			}
			footer{
				padding-top: 14px;
				height: 259px;
				background-color:#373737;
			}
			footer .fl{
				width: 250px;
				padding-right: 35px;
			}
			footer .fl h4{
				line-height: 47px;
				font-size: 13px;
				color: #fdfdfd;				
				/* border-bottom:2px solid #060608; */
				font-family: "黑体";
				position: relative;
			}
			footer .fl h4::before{
				content: "";
				width: 132px;
				height: 0px;
				border-top: 1px solid #434345;
				border-bottom: 1px solid #060608;
				position: absolute;
				top: 47px;left: 1px;
			}
			footer .fl p{
				color: #a09fa5;
				font-size: 10px;
				line-height: 23px;
				padding-top: 18px;
			}
			footer .d{
				padding-top: 25px;
				height: 20px;
			}
			footer .fl .d p{
				display: inline;
				line-height: 44px;
				padding: 14px 10px 11px 10px;
				background-color: #222222;
			}
			footer .fl h5{
				font-size: 9px;
				color: #fbfbfb;
			}
			footer .fl .tw{
				padding-left: 30px;
				
				background: url(../images/tw.png)no-repeat 0 23px ;
			}
			footer .fs{
				height: 210px; 
				padding-top: 25px;
			}
			footer .f{
				width: 81px;
				padding: 3px 3px 0 0 ;
			}
			footer .fs :nth-child(3n){
				padding-right: 0;
			}
            .late{
				height: 52px;
				background-color: #232323;
			}
			.late .w{	
			}
			.late p{
				font-size: 11px;
				color: #dfdfdf;
				position: relative;
			}
			.late p::before{
				content: "";
				width: 96px;
				height: 24px;
				background: url(../images/logo2.png)no-repeat;
				position: absolute;
				top: 0;left: -800px;
			}
			.late p::after{
				content: "";
				width: 38px;
				height: 25px;
				background: url(../images/move-top.png)no-repeat;
				position: absolute;
				top: 0;left: 734px;
			}


